import React, { Component } from "react";
import { Button, Col, Row, Pagination } from "antd";
import styles from "./Common.less";

const Data = [0, 1, 2, 3, 4, 5, 6, 7, 8];

class Common extends Component {
  render() {
    const { history } = this.props;
    return (
      <div className={styles.root1}>
        <Button
          type="primary"
          style={{ marginBottom: 16 }}
          onClick={() => {
            history.push("/recommendCenter/situation/addScene");
          }}
        >
          新增
        </Button>
        <Row gutter={24}>
          {Data.map((item, index) => (
            <Col span={8} key={index}>
              <div className={styles.col}>
                <div className={styles.img}>
                  <img
                    src=""
                    style={{ width: 50, height: 50, borderRadius: 25 }}
                  />
                </div>
                <div className={styles.word}>
                  <span>[人] 查询房屋室号-推送房主信息</span>
                  <div className={styles.des}>
                    场景描述场景描述场景描述场景描述场景描述场景描述场景描述场景描述描述场景描述描述场景描述描述场景描述
                  </div>
                </div>
              </div>
            </Col>
          ))}
        </Row>
        <div className={styles.pagi}>
          <Pagination
            total={Data.length}
            pageSize={9}
            showTotal={total => `共有 ${total} 条`}
          />
        </div>
      </div>
    );
  }
}

export default Common;
